<template>
	<view class="app">
<view class="left">
	<img :src="imgSrc" alt="">
	<view>
		<text>{{username}}</text>
		<span>开始关注你了&nbsp;&nbsp;{{date}}</span>
	</view>
	
</view>
<button>回关</button>
	</view>
</template>

<script>
	export default {
		props:{
			imgSrc:String,
			username:String,
			date:String,
			
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.app{
		width: 90%;
		display: flex;
		align-items: center;
		margin: 0 auto;
		border-bottom: 1px solid gray;
		padding: 10px 0;
		button{
			width: 100px;
			height: 30px;
			display: flex;
			justify-content: center;
			align-items: center;
			border-radius: 25px;
		}
	}
.left{
	width: 70%;
	display: flex;
	
	img{
		width:50px;
		height: 50px;
		border-radius: 50%;
	}
	view{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		span{
			color: gray;
			font-size: .5em;
		}
		margin-left: 5%;
	}
}

</style>
